<template>
  <div>
    <Search/>
    <HotTips />
    <HotArticleCard ref="articleCard" />
  </div>
</template>

<script>
    import Search from './Search'
    import HotTips from './HotTips'
    import HotArticleCard from './HotArticleCard'
    export default {
        name: "HotContent",
        components:{
            Search,
            HotTips,
            HotArticleCard,
        },
        mounted(){
            this.$emit("component","hot")
        },
        methods:{
            recovery(){
                this.$refs.articleCard.getArticleInfo()
            },
            toSearch(keyWord){
                this.$refs.articleCard.searchInfo(keyWord)
            }
        }
    }
</script>

<style scoped>

</style>
